﻿@model Nop.Web.Models.WindAlert.ForecastMapsModel

<style>
    .windFinder8
    {
        background:url(@Model.WindFinder8);
        background-position:  -380px -200px;
        background-repeat: no-repeat;
    }
    .windFinder11
    {
        background:url(@Model.WindFinder11);
        background-position:  -380px -200px;
        background-repeat: no-repeat;
    }
    .windFinder14
    {
        background:url(@Model.WindFinder14);
     background-position:  -380px -200px;
        background-repeat: no-repeat;
    }
    .windFinder17
    {
        background:url(@Model.WindFinder17);
     background-position:  -380px -200px;
        background-repeat: no-repeat;
    }
    .windFinder20
    {
        background:url(@Model.WindFinder20);
     background-position:  -380px -200px;
        background-repeat: no-repeat;
    }
    .weatherOnline8
    {
        background:url(@Model.weatherOnline8);
            background-position: -310px -200px;
    }
    .weatherOnline11
    {
        background:url(@Model.weatherOnline11);
            background-position: -310px -200px;
    }
    .weatherOnline14
    {
        background:url(@Model.weatherOnline14);
            background-position: -310px -200px;
    }
    .weatherOnline17
    {
        background:url(@Model.weatherOnline17);
            background-position: -310px -200px;
    }
    .weatherOnline20
    {
        background:url(@Model.weatherOnline20);
            background-position: -310px -200px;
    }
    .uoa8
    {
        background:url(@Model.uoa8);
            background-position: -500px -200px;
    }
    .uoa14
    {
        background:url(@Model.uoa14);
            background-position: -500px -200px;
    }
    .uoa20
    {
        background:url(@Model.uoa20);
            background-position: -500px -200px;
    }
 
   
</style>
<div class="mapsByHour">
    <span class="hourTitle">08:00</span>
    <br />
    <a href="@Model.weatherOnline8" class="weatherOnline weatherOnline8" target="_blank"></a>
    <a href="@Model.WindFinder8" class="windFinder8 windFinder" target="_blank"></a>
    <a href="@Model.uoa8" class="uoa uoa8" target="_blank"></a>
</div>
<div class="mapsByHour">
    <span class="hourTitle">11:00</span>
    <br />
    <a href="@Model.weatherOnline11" class="weatherOnline weatherOnline11" target="_blank"></a>
    <a href="@Model.WindFinder11" class="windFinder windFinder11" target="_blank"></a>
</div>
<div class="mapsByHour">
    <span class="hourTitle">14:00</span>
    <br />  
    <a href="@Model.weatherOnline14" class="weatherOnline weatherOnline14" target="_blank"></a>
    <a href="@Model.WindFinder14" class="windFinder windFinder14" target="_blank"></a>
    <a href="@Model.uoa14" class="uoa uoa14" target="_blank"></a>
</div>
<div class="mapsByHour">
    <span class="hourTitle">17:00</span>
    <br />
    <a href="@Model.weatherOnline17" class="weatherOnline weatherOnline17" target="_blank"></a>
    <a href="@Model.WindFinder17" class="windFinder windFinder17" target="_blank"></a>
</div>
<div class="mapsByHour">
    <span class="hourTitle">20:00</span>
    <br />  
    <a href="@Model.weatherOnline20" class="weatherOnline weatherOnline20" target="_blank"></a>
    <a href="@Model.WindFinder20" class="windFinder windFinder20" target="_blank"></a>
    <a href="@Model.uoa20" class="uoa uoa20" target="_blank"></a>
</div>


